// 左滑
.slide-left-enter { transform: translate(100%, 0) !important; }
.slide-left-enter-active { position: absolute; transition: all 0.4s !important; }
.slide-left-enter-to { transform: translate(0, 0) !important; }
.slide-left-leave { transform: translate(0, 0) !important; }
.slide-left-leave-active { position: absolute; transition: all 0.4s !important; }
.slide-left-leave-to { transform: translate(-100%, 0) !important; }

// 右滑
.slide-right-enter { transform: translate(-100%, 0) !important; }
.slide-right-enter-active { position: absolute; transition: all 0.4s !important; }
.slide-right-enter-to { transform: translate(0, 0) !important; }
.slide-right-leave { transform: translate(0, 0) !important; }
.slide-right-leave-active { position: absolute; transition: all 0.4s !important; }
.slide-right-leave-to { transform: translate(100%, 0) !important; }

// 上滑
.slide-up-enter { transform: translate(0, 100%) !important; }
.slide-up-enter-active { position: absolute; transition: all 0.4s !important; }
.slide-up-enter-to { transform: translate(0, 0) !important; }
.slide-up-leave { transform: translate(0, 0) !important; }
.slide-up-leave-active { position: absolute; transition: all 0.4s !important; }
.slide-up-leave-to { transform: translate(0, -100%) !important; }

// 下滑
.slide-down-enter { transform: translate(0, -100%) !important; }
.slide-down-enter-active { position: absolute; transition: all 0.4s !important; }
.slide-down-enter-to { transform: translate(0, 0) !important; }
.slide-down-leave { transform: translate(0, 0) !important; }
.slide-down-leave-active { position: absolute; transition: all 0.4s !important; }
.slide-down-leave-to { transform: translate(0, -100%) !important; }
